.page{
	display: flex;
	flex-direction: column;
	height: 100vh;
	overflow: hidden;
	background: #f9f6f0;
	position: relative;
	z-index: 10;
	.pageBg{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
		image{
			display: block;
			width: 100%;
			height: 100%;
			object-position: top left;
		}
	}
}
.swiperDots{
	display: flex;
	align-items: center;
	justify-content: center;
	.dt{
		flex: 0 0 auto;
		width: 18rpx;
		margin: 0 10rpx;
		height: 18rpx;
		box-sizing: border-box;
		border: 1rpx solid #e3e0da;
		border-radius: 50%;
		&.on{
			background: #fe9c29;
			border-color: #fe9c29
		}
	}
}
.icalendar{
	margin-bottom: 10rpx;
	padding: 40rpx;
	background: #fff;
	border-radius: 30rpx;
	.tit{
		line-height: 1.2;
		font-size: 32rpx;
		color: #65554d;
		margin-bottom: 30rpx;
	}
	.swiperDots{
		margin-top: 40rpx;
	}
	.container{
		display: flex;
		align-items: stretch;
		.hd{
			flex: 0 0 auto;
			width: 50rpx;
			.td{
				display: flex;
				margin-bottom: 6rpx;
				height: 90rpx;
				justify-content: flex-start;
				align-items: center;
				font-size: 22rpx;
				color: #b6aeab;
				.em{
					flex: 0 0 auto;
					width: 1em;
					line-height: 1.1;
				}
			}
		}
		.bd{
			flex: 1 1 auto;
			overflow: hidden;
			swiper{
				width: 100%;
				height: 100%;
			}
			.tds{
				display: flex;
				align-items: stretch;
				.tr{
					flex: 1 1 auto;
					width:14%;
					padding-right: 6rpx;
					&:last-child{
						padding-right: 0;
					}
					.td{
						height: 90rpx;
						margin-bottom: 6rpx;
						display: flex;
						align-items: center;
						justify-content: center;
						flex-direction: column;
						background: #fff0de;
						font-size: 24rpx;
						border-radius: 10rpx;
						line-height: 1.1;
						color: #d4a165;
						.i1{
							display: none;
							align-items: center;
							justify-content: center;
							width: 100%;
							height: 100%;
						}
						.i2{
							display: flex;
							align-items: center;
							justify-content: center;
							width: 100%;
							height: 100%;
						}
						&.selected{
							background: #fe9c29;
							color: #fff;
						}
						&.disabled{
							background: #f9f9f9;
							color: #b6aeab;
							.i1,.i2{
								display: none;
							}
						}
						&.full{
							background: #f9f9f9;
							color: #b6aeab;
							.i2{
								display: none;
							}
							.i1{
								display: flex;
							}
						}
						&.th{
							font-size: 20rpx;
							line-height: 1.5;
							background: #f9f9f9;
							color: #b6aeab;
						}
						&:last-child{
							margin-bottom: 0;
						}
					}
				}
			}
		}
	}
}
.timeSelecter{
	margin-bottom: 10rpx;
	padding: 40rpx;
	background: #fff;
	border-radius: 30rpx;
	.tit{
		display: flex;
		align-items: center;
		justify-content: flex-start;
		margin-bottom: 36rpx;
		.ico{
			flex: 0 0 auto;
			margin-right: 10rpx;
			image{
				display: block;
				width: 30rpx;
				height: 28rpx;
			}
		}
		.t{
			flex: 1 1 auto;
			overflow: hidden;
			font-size: 32rpx;
			color: #65554d;
			text{
				padding-right: 10rpx;
			}
		}
	}
	.timeList{
		display: flex;
		align-items: stretch;
		justify-content: flex-start;
		flex-wrap: wrap;
		.i{
			flex: 0 0 auto;
			width: 31.99%;
			margin-right: 2%;
			margin-bottom: 2%;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			background: #fff0de;
			font-size: 24rpx;
			color: #d4a165;
			border-radius: 12rpx;
			padding: 10rpx;
			box-sizing: border-box;
			text-align: center;
			line-height: 1;
			height: 120rpx;
			.tm{
				margin-bottom: 10rpx;
			}
			.stu{
				.s1,.s3{
					display: none;
				}
			}
			&:nth-child(3n){
				margin-right: 0;
			}
			&.full{
				background: #f6f6f6;
				color: #b6aeab;
				.stu{
					.s3{
						display: block;
					}
					.s1,.s2{
						display: none;
					}
				}
			}
			&.disabled{
				background: #f6f6f6;
				color: #b6aeab;
				.stu{
					.s1{
						display: block;
					}
					.s2,.s3{
						display: none;
					}
				}
			}
			&.selected{
				background: #fe9c29;
				color: #fff;
			}
		}
	}
}
.tabContentBox{
	background: #fff;
	padding: 0 40rpx 40rpx;
	background: #fff;
	border-radius: 30rpx;
	overflow: hidden;
	.tbs{
		display: flex;
		justify-content: flex-start;
		align-items: stretch;
		margin-bottom: 20rpx;
		.tb{
			flex: 0 0 auto;
			line-height: 90rpx;
			position: relative;
			font-size: 32rpx;
			color: #65554d;
			margin-right: 30rpx;
			&:last-child{
				margin-right: 0;
			}
			&:before{
				content: "";
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 4rpx;
				background: #fe9c29;
				border-radius: 2rpx;
				opacity: 0;
			}
			&.active{
				color: #fe9c29;
				&:before{
					opacity: 1;
				}
			}
		}
	}
	.p{
		line-height: 1.5;
		color: #897f7a;
		font-size: 24rpx;
		min-height: 260rpx;
	}
}
.fbtns{
	padding-bottom: 40rpx;
	.btn{
		line-height: 90rpx;
		text-align: center;
		border-radius: 90rpx;
		color: #fff;
		background: #fb9b36;
		font-size: 28rpx;
		margin-bottom: 20rpx;
		&:last-child{
			margin-bottom: 0;
		}
	}
}
.expertList{
	padding-top: 10rpx;
	.item{
		padding-top: 20rpx;
		margin-bottom: 20rpx;
		position: relative;
		z-index: 10;
		&:last-child{
			margin-bottom: 0;
		}
		.img{
			position: absolute;
			left: 40rpx;
			z-index: 5;
			top: 0;
			width: 110rpx;
			height: 110rpx;
			box-sizing: border-box;
			border: 5rpx solid #ffe3c2;
			background: #fff;
			border-radius: 50%;
			overflow: hidden;
			image{
				display: block;
				width: 100%;
				height: 100%;
			}
		}
		.in{
			padding: 130rpx 40rpx 50rpx;
			border-radius: 30rpx;
			position: relative;
			background: #fff;
			overflow: hidden;
			.tag{
				position: absolute;
				right: 0;
				top: 0;
				z-index: 5;
				font-size: 20rpx;
				line-height: 45rpx;
				padding: 0 15rpx 0 30rpx;
				background: linear-gradient(90deg,#ffefdd,#ffe3c2);
				color: #fe9c29;
				&.s2{
					background: linear-gradient(90deg,#eef4fb,#e4edf8);
					color: #7696bc;
				}
				.sd{
					position: absolute;
					left: 0;
					top: 0;
					width: 41rpx;
					height: 100%;
					image{
						display: block;
						width: 100%;
						height: 100%;
					}
				}
			}
			.im{
				display: flex;
				align-items: center;
				.il{
					flex: 1 1 auto;
					overflow: hidden;
					.it{
						line-height: 1.2;
						padding-bottom: 15rpx;
						margin-bottom: 15rpx;
						border-bottom: 1rpx solid #f7f5f2;
						font-size: 28rpx;
						color: #897f7a;
						.n{
							font-size: 32rpx;
							color: #65554d;
							padding-right: 20rpx;
						}
					}
					.ip{
						font-size: 24rpx;
						line-height: 36rpx;
						color: #b6aeab;
					}
				}
				.ir{
					flex: 0 0 auto;
					margin-left: 80rpx;
					.btn{
						padding: 0 22rpx;
						line-height: 60rpx;
						border-radius: 60rpx;
						text-align: center;
						font-size: 24rpx;
						color: #fff;
						background: #fe9c29;
					}
				}
			}
		}
	}
}
.suggest{
	margin-top: 90rpx;
	.tit{
		text-align: center;
		margin-bottom: 30rpx;
		font-size: 32rpx;
		color: #4d5765;
	}
	.items{
		margin: 0 -40rpx;
		.item{
			padding: 50rpx 40rpx 60rpx;
			background: linear-gradient(180deg,#f2f6fc,#fff);
			.map{
				position: relative;
				z-index: 5;
				padding-bottom: 50rpx;
				margin-bottom: 40rpx;
				&.nomap{
					padding-bottom: 0;
					.hd{
						position: static;
						left: 0;
						right: 0;
						.score,.tag{
							display: none;
						}
					}
				}
				.hd{
					position: absolute;
					left: 60rpx;
					right: 60rpx;
					bottom: 0;
					text-align: center;
					color: #4d5765;
					.score{
						font-size: 24rpx;
						
						line-height: 1;
						margin-bottom: 20rpx;
						.num{
							font-size: 64rpx;
						}
					}
					.name{
						font-size: 32rpx;
						font-weight: bold;
						margin-bottom: 10rpx;
					}
					.tag{
						display: inline-block;
						line-height: 40rpx;
						font-size: 24rpx;
						color: #fe9c29;
						background: #ffebd4;
						border-radius: 4rpx;
						padding: 0 12rpx;
					}
				}
			}
			.idesc{
				font-size: 24rpx;
				line-height: 1.6;
				color: #7e8998;
				margin-bottom: 40rpx;
				b,strong{
					color: #4d5765;
				}
			}
			.fx{
				.li{
					margin-bottom: 30rpx;
					font-size: 24rpx;
					color: #7e8998;
					line-height: 36rpx;
					&:last-child{
						margin-bottom: 0;
					}
					.nu{
						font-size: 20rpx;
						width: 22rpx;
						height: 22rpx;
						border: 1rpx solid #4d5765;
						box-sizing: border-box;
						color: #4d5765;
						border-radius: 50%;
						text-align: center;
						line-height: 20rpx;
						float: left;
						margin-top: 9rpx;
						margin-right: 5rpx;
					}
					.b{
					color: #4d5765;	
					}
				}
			}
		}
	}
}
.cvscontainer{
	padding-bottom: 50%;
	position: relative;
	overflow: hidden;
	pointer-events: none;
	.line{
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		overflow: hidden;
		&:after{
			content: "";
			display: block;
			width: 100%;
			padding-bottom: 100%;
		}
		.dot1{
			position: absolute;
			left: 30rpx;
			bottom: 50%;
			width: 10rpx;
			height: 10rpx;
			background: #fb9b36;
			border-radius: 50%;
			margin-bottom: 5rpx;
		}
		.dot2{
			position: absolute;
			right: 30rpx;
			bottom: 50%;
			width: 10rpx;
			height: 10rpx;
			background: #fff;
			border-radius: 50%;
			margin-bottom: 5rpx;
		}
		.i1{
			position: absolute;
			left: 0;
			top: 0;
			right: 0;
			bottom: calc(50% + 10rpx);
			overflow: hidden;
			.cr{
				position: absolute;
				left: 30rpx;
				top: 30rpx;
				right: 30rpx;
				transform: rotate(-136deg);
				&:after{
					content: "";
					position: absolute;
					left: 0;
					right: 0;
					top: 0;
					bottom: 0;
					border-left: 10rpx solid #fb9b36;
					border-top: 10rpx solid #fb9b36;
					border-right: 10rpx solid #fff;
					border-bottom: 10rpx solid #fff;
					border-radius: 50%;
					box-sizing: border-box;
				}
				&:before{
					content: "";
					display: block;
					padding-bottom: 100%;
				}
			}
			
		}
		&.line2{
			left: 20rpx;
			right: 20rpx;
			top: 20rpx;
			position: absolute;
			z-index: 5;
			.dot1{
				background: #679bd9;
			}
			.i1{
				.cr:after{
					border-left: 10rpx solid #679bd9;
					border-top: 10rpx solid #679bd9;
				}
			}
		}
	}
}
.table{
	.bt{
		text-align: center;
		font-size: 32rpx;
		color: #4d5765;
		margin-bottom: 30rpx;
	}
	.tbody{
		.tr{
			display: flex;
			align-items: stretch;
			font-size: 24rpx;
			color: #4d5765;
			&.th{
				color: #969ca4;
				.td:after{
					background: #e7eaee;
				}
			}
		}
		.td{
			flex: 0 0 auto;
			display: flex;
			align-items: center;
			text-align: center;
			box-sizing: border-box;
			padding: 20rpx;
			border-radius: 4rpx;
			justify-content: center;
			position: relative;
			z-index: 2;
			&:after{
				content: "";
				position: absolute;
				left: 3rpx;
				top: 3rpx;
				right: 3rpx;
				bottom: 3rpx;
				background: #f1f3f6;
				z-index: -1;
				border-radius: 4rpx;
			}
			&.td1{
				width: 25%;
			}
			
		}
		.td3{
			width: 75%;
			display: flex;
			flex-direction: column;
			flex: 0 0 auto;
			.tr3{
				display: flex;
				align-items: stretch;
				flex: 1 1 auto;
				width: 100%;
				.td{
					width: 33.33%;
				}
			}
		}
		
		.tdi{
			display: flex;
			align-items: center;
			justify-content: center;
			.tdico{
				flex: 0 0 auto;
				margin-left: 8rpx;
				image{
					display: block;
					width: auto;
					height: 21rpx;
				}
			}
		}
	}
}
.testProcess{
	padding-top: 70rpx;
	padding-bottom: 60rpx;
	.pt{
		font-size: 28rpx;
		color: rgba(255,255,255,0.5);
		line-height: 1;
		margin-bottom: 16rpx;
		.n1{
			font-size: 36rpx;
			color: #fff;
			padding-left: 10rpx;
		}
		.n2{
			font-size: 30rpx;
			padding-left: 5rpx;
		}
		.n3{
			padding-left: 4rpx;
			font-size: 24rpx;
		}
	}
}
.testMainBox{
	position: relative;
	height: 100%;
	box-sizing: border-box;
	padding-bottom: 20rpx;
	z-index: 10;
	&:after{
		content: "";
		position: absolute;
		left: 44rpx;
		right: 44rpx;
		height: 40rpx;
		border-radius: 40rpx;
		bottom: 0;
		background: #fff;
		z-index: -1;
		opacity: 0.3;
	}
	.main{
		width: 100%;
		height: 100%;
		background: #fff;
		box-sizing: border-box;
		border-radius: 20rpx;
		overflow: hidden;
		pointer-events: none;
		.qa{
			pointer-events: all;
			height: 100%;
			display: flex;
			flex-direction: column;
			box-sizing: border-box;
			width: 100%;
			padding: 30rpx;
			.qt{
				width: 100%;
				flex:1 1 auto;
				overflow: hidden;
				.tag{
					display: inline-block;
					padding: 0 10rpx;
					border-radius: 4rpx;
					color: #fff;
					line-height: 36rpx;
					font-size: 22rpx;
					background: #6b9ddb;
					margin-bottom: 30rpx;
				}
				.it{
					line-height: 1.4;
					font-size: 32rpx;
					color: #4d5765;
					margin-bottom: 14rpx;
				}
				.ops{
					margin-top: 20rpx;
					.li{
						display: flex;
						align-items: center;
						justify-content: space-between;
						padding: 0 35rpx;
						background: #f7f7f7;
						border-radius: 20rpx;
						height: 90rpx;
						margin-bottom: 24rpx;
						font-size: 28rpx;
						color: #4d5765;
						border: 1rpx solid #f7f7f7;
						.ll{
							flex: 0 0 auto;
							width: 30rpx;
						}
						.lc{
							flex: 1 1 auto;
							overflow: hidden;
							white-space: nowrap;
							text-overflow: ellipsis;
						}
						.lr{
							flex: 0 0 auto;
							padding-left: 20rpx;
							.ico{
								width: 30rpx;
								height: 30rpx;
								background: #6b9ddb;
								border-radius: 50%;
								display: flex;
								align-items: center;
								justify-content: center;
								opacity: 0;
								image{
									display: block;
									width: 21rpx;
									height: 14rpx;
								}
							}
						}
						&.selected{
							border-color: #6b9ddb;
							background: #fff;
							color: #2876d6;
							.lr{
								.ico{
									opacity: 1;
								}
							}
						}
					}
				}
			}
			.qb{
				flex: 0 0 auto;
				margin-top: 30rpx;
				line-height: 90rpx;
				height: 90rpx;
				font-size: 28rpx;
				background: #6b9ddb;
				border-radius: 90rpx;
				text-align: center;
				color: #fff;
				&.disabled{
					pointer-events: none;
					opacity: 0.3;
				}
			}
		}
	}
}
.navTitle{
	font-size: 30rpx;
	font-weight: bold;
	color: #65554d;
}
.pd30{
	padding-left: 30rpx;
	padding-right: 30rpx;
	box-sizing: border-box;
}
.pt30{
	padding-top: 30rpx;
	padding-bottom: 30rpx;
	box-sizing: border-box;
}
.flex0{
	flex: 0 0 auto;
	width: 100%;
}
.flex1{
	flex:1 1 auto;
	width: 100%;
	overflow: hidden;
}
.step{
	box-sizing: border-box;
	display: flex;
	align-items: center;
	padding-bottom: 60rpx;
	.i{
		flex: 1 1 auto;
		text-align: center;
		position: relative;
		padding: 40rpx 0;
		.p{
			font-size: 24rpx;
			color: #897f7a;
			position: absolute;
			left: 0;
			bottom: 0;
			line-height: 1;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			width: 100%;
		}
		.ico{
			display: flex;
			align-items: center;
			justify-content: center;
			.t{
				flex: 0 0 auto;
				width: 60rpx;
				height: 60rpx;
				color: #fe9c29;
				font-weight: bold;
				border: 8rpx solid #ffe3c2;
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 24rpx;
			}
		}
		&.cmp{
			.t{
				background: #fe9c29;
				border-color: #fe9c29;
				color: #fff;
			}
			.l{
				background: #fe9c29;
			}
		}
		&.cur{
			.p{
				color: #fe9c29;
			}
			.t{
				border-color: #fe9c29;
			}
			.l{
				background: #fe9c29;
			}
		}
		&:first-child{
			.ico{
				.l:first-child{
					opacity: 0;
				}
			}
		}
		&:last-child{
			.ico{
				.l:last-child{
					opacity: 0;
				}
			}
		}
	}
	.l{
		flex: 1 1 auto;
		height: 10rpx;
		background: #ffe3c2;
	}
}
.scrollView{
	width: 100%;
	height: 100%;
}
.filterBlock{
	.block{
		display: flex;
		align-items: center;
		.search{
			flex: 1 1 auto;
			display: flex;
			align-items: center;
			border: 1rpx solid #eceaea;
			border-radius: 90rpx;
			.ico{
				flex:0 0 auto;
				width: 70rpx;
				text-align: center;
				display: flex;
				align-items: center;
				justify-content: center;
				image{
					display: block;
					width: 24rpx;
					height: 24rpx;
				}
			}
			input{
				flex: 1 1 auto;
				border: none;
				outline: none;
				font-size: 28rpx;
				color: #65554d;
				height: 80rpx;
			}
		}
		.btn{
			flex: 0 0 auto;
			width: 40rpx;
			margin-left: 20rpx;
			image{
				display: block;
				width: 40rpx;
				height: 40rpx;
			}
		}
		.date{
			flex: 1 1 auto;
			margin-left: 20rpx;
		}
		.full{
			flex: 0 0 auto;
			width: 100%;
			.dateRange{
				display: block;
			}
		}
	}
	.legend{
		display: flex;
		align-items: center;
		flex: 1 1 auto;
		margin-left: 10rpx;
		padding: 0 20rpx;
		justify-content: space-around;
		height: 80rpx;
		background: #fff;
		border-radius: 80rpx;
		.l{
			flex: 0 0 auto;
			margin-right: 30rpx;
			display: flex;
			align-items: center;
			justify-content: flex-start;
			font-size: 24rpx;
			color: #fe9c29;
			&:last-child{
				margin-right: 0;
			}
			.dot{
				flex: 0 0 auto;
				width: 18rpx;
				height: 18rpx;
				background: #fe9c29;
				border-radius: 4rpx;
				margin-right: 10rpx;
			}
			&.gray{
				color: #9c928d;
				.dot{
					background: #c4bebb;
				}
			}
		}
	}
	.staticCalendar{
		margin-top: 30rpx;
	}
	.select{
		flex: 0 0 auto;
		margin-left: 10rpx;
		width: 200rpx;
		.uni-select{
			height: 80rpx !important;
			padding: 0 20rpx !important;
			border: 1rpx solid #eceaea;
			border-radius: 80rpx;
			.uni-select__input-box{
				height: 80rpx !important;
			}
			.uni-select__selector-item{
				line-height: 2.5 !important;
				font-size: 24rpx !important;
				color: #65554d;
			}
			.uni-select__input-text{
				font-size: 28rpx !important;
			}
		}
	}
	.tbs{
		display: flex;
		align-items: flex-start;
		justify-content: space-around;
		padding: 30rpx 0;
		width: 100%;
		box-sizing: border-box;
		.i{
			flex: 0 0 auto;
			text-align: center;
			.it{
				line-height: 1;
				margin-bottom: 10rpx;
				font-size: 36rpx;
				color: #65554d;
			}
			.ic{
				opacity: 0;
				image{
					display: block;
					width: 30rpx;
					height: 14rpx;
					margin: auto;
				}
			}
			&.cur{
				.it{
					color: #fe9c29;
				}
				.ic{
					opacity: 1;
				}
			}
		}
	}
	.filters{
		align-items: stretch;
		.i{
			flex: 0 0 auto;
			width: 33.33%;
			position: relative;
			box-sizing: border-box;
			&:after{
				content: "";
				position: absolute;
				right: 0;
				top: 50%;
				margin-top: -14rpx;
				height: 28rpx;
				width: 1rpx;
				background: #e6e4e2;
			}
			.uni-select{
				border: none;
				height: 80rpx !important;
				padding: 0 30rpx;
				box-sizing: border-box;
				.uni-select__input-box{
					height: 80rpx !important;
				}
				.uni-select__input-text{
					font-size: 28rpx !important;
					color: #65554d !important;
				}
				.uni-select__selector-item{
					font-size: 26rpx;
					line-height: 2.5;
					color: #333;
				}
			}
			&:first-child{
				.uni-select{
					padding-left: 20rpx;
				}
			}
			&:last-child{
				.uni-select{
					padding-right: 20rpx;
				}
				&:after{
					display: none;
				}
			}
		}
	}
}
.articleList{
	&.grid{
		display: flex;
		align-items: stretch;
		justify-content: space-between;
		flex-wrap: wrap;
		.item{
			flex: 0 0 auto;
			flex-direction: column;
			width: calc(50% - 10rpx);
			.img{
				width: 100%;
				height: 224rpx;
			}
			.txt{
				width: 100%;
				flex: 1 1 auto;
				padding: 20rpx 0;
			}
		}
	}
	.item{
		display: flex;
		align-items: stretch;
		padding: 20rpx !important;
		box-sizing: border-box;
		margin: 0 0 20rpx !important;
		text-decoration: none !important;
		border: none !important;
		border-radius: 30rpx;
		outline: none !important;
		background: #fff !important;
		.img{
			flex: 0 0 auto;
			width: 250rpx;
			height: 190rpx;
			border-radius: 30rpx;
			overflow: hidden;
			position: relative;
			image{
				display: block;
				width: 100%;
				height: 100%;
			}
			.vd{
				position: absolute;
				left: 0;
				top: 0;
				z-index: 5;
				width: 100%;
				height: 100%;
				background: rgba(0,0,0,0.2);
				display: flex;
				align-items: center;
				justify-content: center;
				.ic{
					flex: 0 0 auto;
					width: 60rpx;
					height: 60rpx;
				}
			}
		}
		.txt{
			flex: 1 1 auto;
			overflow: hidden;
			padding: 20rpx 0 20rpx 30rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			.it{
				flex: 0 0 auto;
				width: 100%;
				line-height: 1.25;
				font-size: 32rpx;
				color: #7a6458;
				margin-bottom: 20rpx;
			}
			.ibot{
				flex: 0 0 auto;
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: space-between;
				.date{
					flex: 0 0 auto;
					font-size: 22rpx;
					color: #999;
				}
				.hits{
					flex: 0 0 auto;
					display: flex;
					align-items: center;
					font-size: 22rpx;
					color: #af9c91;
					.ico{
						flex: 0 0 auto;
						margin-right: 8rpx;
						image{
							display: block;
							width: 20rpx;
							height: 15rpx;
						}
					}
				}
			}
		}
	}
}
.iaggree{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin-top: 40rpx;
	.p{
		flex: 1 1 auto;
		overflow: hidden;
		padding-left: 10rpx;
		line-height: 30rpx;
		color: #897f7a;
		font-size: 24rpx;
		.a{
			display: inline;
			padding: 0 !important;
			margin: 0 !important;
			text-decoration: underline !important;
			border: none !important;
			opacity: 1 !important;
			outline: none !important;
			color: #fe9c29 !important;
			background: transparent !important;
			line-height: inherit;
			overflow: visible;
			height: auto !important;
			&:before,&:after{
				display: none !important;
			}
		}
	}
}

.icheck{
	position: relative;
	flex: 0 0 auto;
	width: 30rpx;
	height: 30rpx;
	background: #fff;
	border: 1rpx solid #ece9e7;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	image{
		display: block;
		width: 21rpx;
		height: 14rpx;
		opacity: 0;
	}
	&.checked{
		border-color: #fe9c29;
		background: #fe9c29;
		image{
			opacity: 1;
		}
	}
}
.footTip{
	flex: 0 0 auto;
	width: 100%;
	.lineNav{
		display: inline;
		padding: 0 !important;
		margin: 0 !important;
		text-decoration: underline !important;
		border: none !important;
		opacity: 1 !important;
		outline: none !important;
		color: #fe9c29 !important;
		background: transparent !important;
		line-height: inherit;
		overflow: visible;
		height: auto !important;
		&:before,&:after{
			display: none !important;
		}
	}
	.tourist{
		margin-top: 60rpx;
		text-align: center;
		padding: 0 30rpx;
		.lineNav{
			font-size: 28rpx;
		}
	}
	.utip{
		display: flex;
		font-size: 24rpx;
		color: #897f7a;
		line-height: 1.2;
		align-items: center;
		justify-content: center;
		margin-top: 30rpx;
		padding: 0 30rpx;
		.lineNav{
			font-size: 24rpx;
		}
	}
}
.loginPhone{
	margin: 30rpx 0 60rpx;
	.btn{
		width: 80rpx;
		height: 80rpx;
		font-size: 0;
		line-height: 80rpx;
		border: none !important;
		outline: none;
		background: #6b9ddb;
		border-radius: 50%;
		padding: 0;
		text-align: center;
		&:before,&:after{
			display: none;
		}
		.ico{
			width: 26rpx;
			margin: auto;
			display: flex;
			align-items: center;
			justify-content: center;
			height: 100%;
			image{
				display: block;
				width: 26rpx;
				height: 39rpx;
			}
		}
	}
}
.floor{
	padding-bottom: 60rpx;
	padding-top: 30rpx;
	&.white{
		padding-top: 40rpx;
		background: #fff;
	}
	&:last-child{
		padding-bottom: 30rpx;
	}
	.floorTit{
		margin-bottom: 40rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.tit{
			flex: 0 0 auto;
			position: relative;
			padding-left: 30rpx;
			image{
				display: block;
				height: 34rpx;
				width: auto;
			}
			&:before{
				content: "";
				position: absolute;
				left: 0;
				top: 50%;
				width: 8rpx;
				height: 28rpx;
				margin-top: -14rpx;
				background: #fe9c29;
			}
		}
		.more{
			flex: 0 0 auto;
			display: flex !important;
			align-items: center;
			outline: none;
			font-size: 24rpx;
			color: #897f7a;
			opacity: 1 !important;
			border: none !important;
			background: none !important;
			.ico{
				flex: 0 0 auto;
				margin-left: 10rpx;
				image{
					display: block;
					width: 11rpx;
					height: 19rpx;
				}
			}
			&:before,&:after{
				display: none;
			}
		}
	}
}
.xScroller{
	white-space: nowrap;
}
.xScrollFlex{
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
}
.cepingList{
	.ceping{
		position: relative;
		margin-bottom: 20rpx;
		border-radius: 20rpx;
		overflow: hidden;
		padding: 40rpx 30rpx;
		z-index: 10;
		.bg{
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			z-index: -1;
			image{
				display: block;
				width: 100%;
				height: 100%;
			}
		}
		.tit{
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 50rpx;
			.tl{
				flex: 1 1 auto;
				overflow: hidden;
				padding-right: 30rpx;
				.t{
					font-size: 32rpx;
					color: #65554d;
				}
				.p{
					font-size: 24rpx;
					color: #af9c91;
					margin-top: 10rpx;
				}
			}
			.tr{
				flex: 0 0 auto;
				font-size: 24rpx;
				color: #fe9c29;
			}
		}
		.txt{
			padding-left: 30rpx;
			.xtit{
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-bottom: 20rpx;
				.xt{
					flex: 1 1 auto;
					padding-right: 20rpx;
					overflow: hidden;
					font-size: 28rpx;
					color: #7a6458;
				}
				.num{
					flex: 0 0 auto;
					font-size: 28rpx;
					color: #d5cac3;
					.cur{
						color: #fe9c29;
					}
				}
			}
		}
	}
}
.taskBlock{
	margin-bottom: 20rpx;
	.box{
		background: #fff;
		border-radius: 30rpx;
		overflow: hidden;
		padding: 40rpx 0 30rpx;
	}
	.tit{
		margin-bottom: 40rpx;
		position: relative;
		padding-left: 30rpx;
		image{
			display: block;
			height: 34rpx;
			width: auto;
		}
		&:before{
			content: "";
			position: absolute;
			left: 0;
			top: 50%;
			width: 8rpx;
			height: 28rpx;
			margin-top: -14rpx;
			background: #fe9c29;
		}
	}
	.item{
		margin: 0 30rpx 20rpx;
		padding: 25rpx;
		border-radius: 20rpx;
		background: #fcf8f1;
		&:last-child{
			margin-bottom: 0;
		}
		.date{
			font-size: 22rpx;
			color: #897f7a;
			margin-bottom: 30rpx;
		}
		.li{
			margin-bottom: 25rpx;
			display: flex;
			align-items: center;
			&:last-child{
				margin-bottom: 0;
			}
			.or{
				flex: 0 0 auto;
				font-size: 22rpx;
				background: #deedff;
				line-height: 40rpx;
				color: #4e6dd3;
				border-radius: 6rpx;
				padding: 0 10rpx;
			}
			.lt{
				flex: 1 1 auto;
				overflow: hidden;
				padding: 0 10rpx;
				font-size: 32rpx;
				color: #7a6458;
			}
			.btn{
				flex: 0 0 auto;
				width: 120rpx;
				text-align: center;
				line-height: 60rpx;
				font-size: 24rpx;
				background: #ffe8cc;
				color: #fe9c29;
				border-radius: 60rpx;
			}
		}
	}
}
.testList{
	.item{
		display: flex;
		align-items: center;
		padding: 20rpx 0;
		margin-bottom: 20rpx;
		border-radius: 20rpx;
		overflow: hidden;
		&:nth-child(3n+1){
			background: linear-gradient(90deg,transparent,#e3eefa);
		}
		&:nth-child(3n+2){
			background: linear-gradient(90deg,transparent,#ffecde);
		}
		&:nth-child(3n+3){
			background: linear-gradient(90deg,transparent,#def1ed);
		}
		.img{
			flex: 0 0 auto;
			width: 200rpx;
			height: 200rpx;
			border-radius: 20rpx;
			overflow: hidden;
			image{
				display: block;
				width: 100%;
				height: 100%;
			}
		}
		.txt{
			flex: 1 1 auto;
			padding: 0 30rpx;
			box-sizing: border-box;
			overflow: hidden;
			.it{
				font-size: 32rpx;
				color: #65554d;
				margin-bottom: 10rpx;
			}
			.ip{
				font-size: 24rpx;
				color: #897f7a;
			}
			.btns{
				margin-top: 26rpx;
				.btn{
					width: 140rpx;
					text-align: center;
					line-height: 60rpx;
					background: #fff;
					color: #fe9c29;
					font-size: 24rpx;
					border-radius: 60rpx;
					&.on{
						background: #fe9c29 !important;
						color: #fff !important;
					}
				}
			}
		}
	}
}
.memberHd{
	padding: 20rpx 0 60rpx;
	display: flex;
	align-items: center;
	.avantar{
		flex: 0 0 auto;
		width: 120rpx;
		height: 120rpx;
		background: #fff;
		border-radius: 50%;
		overflow: hidden;
		margin-right: 20rpx;
		image{
			display: block;
			width: 100%;
			height: 100%;
		}
	}
	.minfo{
		flex: 1 1 auto;
		overflow: hidden;
		.nick{
			display: flex;
			align-items: center;
			justify-content: flex-start;
			.n{
				flex: 0 0 auto;
				font-size: 40rpx;
				color: #65554d;
				line-height: 1;
			}
			.sex{
				flex: 0 0 auto;
				margin-left: 10rpx;
				image{
					display: block;
					width: 32rpx;
					height: 32rpx;
				}
			}
		}
		.pos{
			display: inline-flex;
			align-items: center;
			justify-content: flex-start;
			height: 40rpx;
			padding: 0 20rpx 0 10rpx;
			border-radius: 20rpx 20rpx 20rpx 6rpx;
			background: linear-gradient(90deg,#ffddb5,#ffe9cf);
			margin-top: 15rpx;
			.ico{
				flex: 0 0 auto;
				margin-right: 10rpx;
				image{
					display: block;
					width: 24rpx;
					height: 24rpx;
				}
			}
			.p{
				font-size: 22rpx;
				color: #ff8a00;
				flex: 1 1 auto;
				overflow: hidden;
			}
		}
	}
	.btn{
		flex: 0 0 auto;
		padding: 0 30rpx;
		image{
			display: block;
			width: 38rpx;
			height: 44rpx;
		}
	}
}
.navigator{
	border: none !important;
	outline: none;
	background: transparent;
	border-radius: 0;
	padding: 0;
	margin: 0;
	&:before,&:after{
		display: none;
	}
}
.hMenus{
	display: flex;
	align-items: flex-start;
	justify-content: space-around;
	padding: 40rpx 0;
	border-radius: 30rpx;
	background: #fff;
	.i{
		flex: 0 0 auto;
		box-sizing: border-box;
		padding: 0 10rpx;
		text-align: center;
		.ico{
			display: inline-block;
			image{
				display: block;
				width: auto;
				height: 50rpx;
			}
		}
		.p{
			font-size: 24rpx;
			color: #65554d;
			margin-top: 20rpx;
		}
	}
}
.vMenus{
	margin-top: 20rpx;
	background: #fff;
	padding: 0 30rpx;
	border-radius: 30rpx;
	.i{
		display: flex;
		align-items: center;
		height: 110rpx;
		border-bottom: 1rpx solid #f7f5f2 !important;
		&:last-child{
			border: none !important;
		}
		.ico{
			flex: 0 0 auto;
			margin-right: 30rpx;
			image{
				display: block;
				width: 60rpx;
				height: 60rpx;
			}
		}
		.p{
			flex: 1 1 auto;
			overflow: hidden;
			font-size: 28rpx;
			color: #65554d;
		}
		.rico{
			flex: 0 0 auto;
			margin-left: 30rpx;
			image{
				display: block;
				width: 11rpx;
				height: 19rpx;
			}
		}
	}
}
.staticCalendar{
	flex: 1 1 auto;
	width: 100%;
}
.appointList{
	.item{
		padding: 30rpx 40rpx;
		background: #fff;
		border-radius: 30rpx;
		margin-bottom: 20rpx;
		&:last-child{
			margin-bottom: 0;
		}
		.navigator{
			opacity: 1;
		}
		.it{
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding-bottom: 30rpx;
			border-bottom: 1rpx solid #f8f6f4;
			font-size: 28rpx;
			.date{
				color: #65554d;
			}
			.time{
				&.active{
					color: #fe9c29;
				}
			}
		}
		.ul{
			padding: 20rpx 0;
			.li{
				display: flex;
				align-items: flex-start;
				justify-content: space-between;
				padding: 10rpx 0;
				font-size: 28rpx;
				color: #65554d;
				.ll{
					flex: 0 0 auto;
					padding-right: 20rpx;
					color: #897f7a;
				}
				.lr{
					flex: 1 1 auto;
					overflow: hidden;
					text-align: right;
				}
			}
		}
		.btns{
			display: flex;
			align-items: center;
			justify-content: flex-end;
			.btn{
				flex: 0 0 auto;
				padding: 0 22rpx;
				line-height: 60rpx;
				border-radius: 60rpx;
				background: #ffefde;
				color: #fe9c29;
				font-size: 24rpx;
				margin-left: 20rpx;
				&.on{
					background: #fe9c29;
					color: #fff;
				}
				&.gray{
					background: #f9f6f0;
					color: #a59d9a;
				}
			}
		}
	}
}
.schedulBlock{
		background: #fff;
		border-radius: 30rpx;
		padding: 40rpx;
		.tit{
			display: flex;
			align-items: center;
			justify-content: flex-start;
			margin-bottom: 40rpx;
			.ico{
				flex: 0 0 auto;
				margin-right: 10rpx;
				image{
					display: block;
					width: 30rpx;
					height: 28rpx;
				}
			}
		}
		.ul{
			.li{
				display: flex;
				align-items: center;
				padding: 30rpx;
				margin-bottom: 20rpx;
				border-radius: 20rpx;
				
				background: #f7f7f7;
				color: #9e9591;
				&.useful{
					background: #ffefdd;
					color: #fe9c29;
				}
				&.fill{
					background: #f0f7fc;
					color: #4d5765;
				}
				.ll{
					flex: 0 0 auto;
					line-height: 1;
					width: 90rpx;
					font-size: 24rpx;
					border-right: 1rpx solid #ede2d6;
					margin-right: 30rpx;
					.d{
						display: block;
						margin-bottom: 10rpx;
					}
				}
				.lc{
					flex: 1 1 auto;
					overflow: hidden;
					padding-right: 30rpx;
					font-size: 28rpx;
					.ap{
						.at{
							font-size: 28rpx;
							color: #4d5765;
						}
						.p{
							font-size: 24rpx;
							color: #8c95a1;
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
						}
					}
				}
				.lr{
					flex: 0 0 auto;
					.mr{
						display: flex;
						font-size: 24rpx;
						color: #8c95a1;
						align-items: center;
						.ico{
							flex: 0 0 auto;
							margin-left: 26rpx;
							image{
								display: block;
								width: 12rpx;
								height: 24rpx;
							}
						}
					}
				}
			}
		}
	}
	.workBox{
		background: #fff;
		padding: 30rpx;
		border-radius: 30rpx;
		margin-bottom: 20rpx;
		&:last-child{
			margin-bottom: 0;
		}
		.date{
			font-size: 24rpx;
			border-bottom: 1rpx solid #f8f6f4;
			padding-bottom: 30rpx;
			line-height: 1.2;
			color: #65554d;
			margin-bottom: 30rpx;
		}
		.tit{
			display: flex;
			align-items: center;
			padding: 30rpx 30rpx 30rpx 0;
			background: linear-gradient(90deg,#fff,#dbf3e5);
			border-radius: 0 20rpx 20rpx 0;
			position: relative;
			z-index: 5;
			&.pink{
				background: linear-gradient(90deg,#fff,#ffdeea);
				.tr{
					font-size: 24rpx;
					color: #df6982;
					flex: 0 0 auto;
				}
			}
			&:after{
				content: "";
				position: absolute;
				left: 14rpx;
				width: 4rpx;
				top: calc(50% + 10rpx);
				bottom: 0;
				background: #e8e8e8;
				z-index: -1;
			}
			&.s2{
				&:after{
					display: none;
				}
				&:before{
					content: "";
					position: absolute;
					left: 14rpx;
					width: 4rpx;
					bottom: calc(50% + 10rpx);
					top: 0;
					background: #e8e8e8;
					z-index: -1;
				}
			}
			.tl{
				flex: 1 1 auto;
				display: flex;
				align-items: center;
				justify-content: flex-start;
				.or{
					flex: 0 0 auto;
					font-size: 20rpx;
					width: 30rpx;
					height: 30rpx;
					line-height: 30rpx;
					text-align: center;
					background: #fe9c29;
					border-radius: 50%;
					color: #fff;
					outline: 4rpx solid #fff;
					position: relative;
					z-index: 5;
				}
				.t{
					flex: 1 1 auto;
					overflow: hidden;
					font-size: 28rpx;
					color: #65554d;
					padding-left: 30rpx;
				}
			}
			.tr{
				flex: 0 0 auto;
				padding-left: 30rpx;
				font-size: 24rpx;
				color: #6ec07d;
				.btn{
					font-size: 24rpx;
					color: #fe9c29;
					width: 110rpx;
					line-height: 60rpx;
					background: #fff;
					border-radius: 60rpx;
					text-align: center;
				}
			}
		}
		.wtips{
			padding: 25rpx 25rpx 25rpx 60rpx;
			font-size: 24rpx;
			color: #8e817a;
			line-height: 1.5;
		}
		.rpt{
			.subt{
				position: relative;
				z-index: 5;
				display: flex;
				align-items: center;
				&:last-child{
					.tc.border{
						border: none;
					}
				}
				&:before{
					content: "";
					position: absolute;
					left: 14rpx;
					width: 4rpx;
					bottom: calc(50% + 10rpx);
					top: 0;
					background: #e8e8e8;
					z-index: -1;
				}
				&:after{
					content: "";
					position: absolute;
					left: 14rpx;
					width: 4rpx;
					top: calc(50% + 10rpx);
					bottom: 0;
					background: #e8e8e8;
					z-index: -1;
				}
				&.nodot{
					&:before{
						bottom: 50%;
					}
					&:after{
						top: 50%;
					}
				}
				&.s2{
					.dot{
						border-color: #ff8282;
						background: #ff8282;
					}
					.tc{
						.t{
							color: #df6969;
						}
					}
					
				}
				.dot{
					flex: 0 0 auto;
					width: 20rpx;
					height: 20rpx;
					box-sizing: border-box;
					border: 3rpx solid #78cb9b;
					border-radius: 50%;
					background: #fff;
					margin-left: 6rpx;
					margin-right: 5rpx;
				}
				.tc{
					display: flex;
					align-items: center;
					justify-content: space-between;
					flex: 1 1 auto;
					padding: 25rpx 0;
					margin-left: 30rpx;
					&.block{
						display: block;
						.cb{
							display: flex;
							align-items: center;
							justify-content: space-between;
							.cl{
								flex: 1 1 auto;
								overflow: hidden;
								padding-right: 20rpx;
								font-size: 24rpx;
								color: #8e817a;
							}
						}
					}
					&.border{
						border-bottom: 1rpx solid #f3f3f3;
					}
					.t{
						flex: 1 1 auto;
						padding-right: 30rpx;
						font-size: 24rpx;
						color: #65554d;
						overflow: hidden;
					}
					.tr{
						flex: 0 0 auto;
						font-size: 24rpx;
						color: #8e817a;
						.addBtn{
							display: flex;
							align-items: center;
							justify-content: center;
							font-size: 24rpx;
							color: #fe9c29;
							.ico{
								flex: 0 0 auto;
								margin-right: 10rpx;
								image{
									display: block;
									width: 24rpx;
									height: 24rpx;
								}
							}
						}
					}
				}
			}
			.btn{
				font-size: 24rpx;
				color: #fe9c29;
				width: 110rpx;
				line-height: 60rpx;
				background: #ffefde;
				border-radius: 60rpx;
				text-align: center;
				&.on{
					background: #fe9c29;
					color: #fff;
				}
			}
			.ul{
				padding-left: 46rpx;
				border-left: 4rpx solid #e8e8e8;
				margin-left: 14rpx;
				.li{
					padding: 20rpx 0 20rpx 0;
					display: flex;
					align-items: center;
					justify-content: space-between;
					font-size: 24rpx;
					color: #8e817a;
					border-bottom: 1rpx solid #f3f3f3;
					&:last-child{
						border: none;
					}
					.idate{
						flex: 0 0  auto;
						width: 12em;
					}
					.it{
						flex: 1 1 auto;
						text-overflow: ellipsis;
						padding: 0 1em;
						overflow: hidden;
						white-space: nowrap;
					}
					.ir{
						flex: 0 0 auto;
					}
				}
			}
		}
	}
	.inlineSelect{
		display: inline-block;
		min-width:180rpx;
	}
	.archivesList{
		.item{
			display: flex;
			align-items: center;
			padding: 30rpx;
			margin-bottom: 10rpx;
			background: #fff;
			border-radius: 20rpx;
			font-size: 28rpx;
			&:last-child{
				margin-bottom: 0;
			}
			.name{
				color: #65554d;
				flex: 0 0 auto;
				width: 6em;
			}
			.grade{
				flex: 1 1 auto;
				color: #897f7a;
				overflow: hidden;
			}
			.ico{
				flex: 0 0 auto;
				image{
					display: block;
					width: 12rpx;
					height: 24rpx;
				}
			}
		}
	}
	.archivesDetail{
		.item{
			.idate{
				position: relative;
				font-size: 32rpx;
				color: #8e817a;
				line-height: 100rpx;
				padding-left: 50rpx;
				&:before{
					content: "";
					position: absolute;
					left: 0;
					top: 50%;
					width: 30rpx;
					height: 30rpx;
					box-sizing: border-box;
					border: 4rpx solid #fe9c29;
					border-radius: 50%;
					margin-top: -15rpx;
				}
			}
			.box{
				padding: 30rpx;
				position: relative;
				margin-left: 30rpx;
				border-radius: 30rpx;
				background: #fff;
				&:before{
					content: "";
					position: absolute;
					left: -18rpx;
					width: 4rpx;
					height: 100%;
					top: 0;
					border-radius: 4rpx;
					background: #fff;
				}
				.btns{
					display: flex;
					align-items: center;
					justify-content: flex-end;
					.btn{
						flex: 0 0 auto;
						padding: 0 24rpx;
						line-height: 60rpx;
						font-size: 24rpx;
						color: #fe9c29;
						background: #ffefde;
						border-radius: 60rpx;
					}
				}
				&.box1{
					.bt{
						font-size: 32rpx;
						padding-bottom: 30rpx;
						color: #65554d;
						border-bottom: 1rpx solid #f8f6f4;
					}
					.ul{
						padding: 10rpx 0;
						.li{
							display: flex;
							padding: 10rpx 0;
							align-items: center;
							justify-content: space-between;
							font-size: 24rpx;
							.ll{
								flex: 0 0 auto;
								color: #8e817a;
							}
							.lr{
								flex: 1 1 auto;
								overflow: hidden;
								text-align: right;
								padding-left: 30rpx;
								color: #65554d;
							}
						}
					}
				}
				&.box2{
					display: flex;
					align-items: center;
					.bl{
						flex: 1 1 auto;
						padding-right: 30rpx;
						.bt{
							font-size: 32rpx;
							color: #65554d;
							margin-bottom: 20rpx;
						}
						.btns{
							justify-content: flex-start;
						}
					}
					.br{
						flex: 0 0 auto;
						.stageTag{
							font-size: 24rpx;
							width: 120rpx;
							text-align: center;
							line-height: 120rpx;
							border-radius: 20rpx;
						}
					}
				}
				&.box3{
					display: flex;
					align-items: center;
					.bl{
						font-size: 32rpx;
						flex: 1 1  auto;
						overflow: hidden;
						padding-right: 30rpx;
						color: #65554d;
					}
					.br{
						flex: 0 0 auto;
						.stageTag2{
							font-size: 24rpx;
							line-height: 40rpx;
							border-radius: 6rpx;
							padding: 0 20rpx;
						}
					}
				}
			}
		}
	}
.targetTag{
	display: flex;
	padding: 4rpx;
	background: #fe9c29;
	align-items: center;
	font-size: 24rpx;
	border-radius: 40rpx;
	.tt{
		color: #fff;
		padding: 0 12rpx;
		flex: 0 0 auto;
	}
	.tp{
		margin-left: 20rpx;
		padding: 0 12rpx 0 0;
		background: #fff;
		flex: 0 0 auto;
		line-height: 34rpx;
		position: relative;
		color: #fe9c29;
		border-radius: 0 34rpx 34rpx 0;
		&:after{
			content: "";
			position: absolute;
			right: 100%;
			top: 0;
			border-right: 20rpx solid #fff;
			border-top: 34rpx solid transparent;
		}
	}
}
